/*
  1:歌曲搜索接口
    请求地址:http://localhost:8101/api/song/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:http://localhost:8101/api/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:http://localhost:8101/api/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:http://localhost:8101/api/song/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:http://localhost:8101/api/song/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/


var app2 = new Vue({
  el:"#player",
  data:{
    query:"",
    musicList:[],
    musicUrl:"",
    musicCover:"",
    commentList:[],
    nowIsPlay:false,//动画播放状态，默认false，没有播放动画
    mvUrl:"",//mv是否正在播放，播放有黑色的遮罩层
    mvIsPlay:false, // 遮罩层的显示状态
  },
  methods:{

    searchMusic:function(){
      var that = this;
      axios.get("http://localhost:8101/api/song/search?keywords="+this.query)
      .then(function(response){ //假装能get到。
          // console.log(response)
          that.musicList = response.data.result.songs;
          console.log(response.data.result.songs);
        },function(err){
          console.log("err:")
          console.log(err)

        }
      )
    },

  playMusic:function(musicId){
    //   - 1.点击播放(v-on 自定义参数)
// - 2.歌曲地址获取(接口歌曲id) 从data中data的0的url得到的。
// - 3.歌曲地址设置(v-bind)
    var that = this;
    console.log(musicId);
    axios.get("http://localhost:8101/api/song/url?id=" + musicId)
    .then(function(response){
      // console.log(response)
      //地址url打印  response.data.data是一个数组，只有第一个元素才有数据。
      // console.log(response);
      console.log(response.data.data[0].url);
      that.musicUrl = response.data.data[0].url;

    },function(err){console.log(err)})
    // 点击播放后歌曲封面设置。
    axios.get("http://localhost:8101/api/song/detail?ids="+musicId)
    .then(function(response){
      // console.log(response)
      console.log(response.data.songs[0].al.picUrl);
      that.musicCover = response.data.songs[0].al.picUrl; 

    },function(err){console.log(err)})
    // 点击播放后同步显示热门评论。
    // 用户头像、昵称、它的评论。
    axios.get("http://localhost:8101/api/song/comment/hot?type=0&id="+musicId)
    .then(function(response){
      // console.log(response);//注意从response.data里取，注意.data！！！
      // console.log(response.data.hotComments);
      that.commentList = response.data.hotComments;
    },function(err){console.log(err)})
  },
//播放动画
  playAudio:function(){
    this.nowIsPlay = true;
  },
  pauseAudio:function(){
    this.nowIsPlay=false;
  },
//播放MV
  palyMv:function(mvid){
    var that = this;
    axios.get("http://localhost:8101/api/song/mv/url?id="+mvid)
    .then(function(response){
      // console.log(response.data);
      console.log(response.data.data.url);
      that.mvUrl = response.data.data.url;
      that.mvIsPlay = true;
    },function(err){console.log(err)})
  },
  // 实现点击遮罩层，歌曲不播放，类不显示v-show=false。
  closeMv:function(){
    this.mvIsPlay = false;
  }

},


})


